page {
	background-color: rgb(241, 218, 202) !important;
}

.header {
	width: 750rpx;
	height: 350rpx;
	background: linear-gradient(180deg, #ee9827, #ecc885 37%, rgb(241, 218, 202) 86%);
	border-radius: 0rpx;
	display: flex;

	image {
		margin-top: 66rpx;
		margin-left: 40rpx;
		width: 114rpx;
		height: 114rpx;
		border-radius: 78rpx;
	}

	.name {
		margin-left: 5%;
		width: 504rpx;
		/* 禁止换行 */
		white-space: nowrap;
		margin-top: 66rpx;
		height: 50rpx;
		border-radius: 0rpx;
		font-size: 36rpx;
		font-family: PingFang SC, PingFang SC-Bold;
		font-weight: normal;
		text-align: LEFT;
		color: #ffffff;
		line-height: 50rpx;

		.home {
			display: flex;

			.title {
				width: 112rpx;
				height: 50rpx;
				border-radius: 0rpx;
				font-size: 28rpx;
				font-family: PingFang SC, PingFang SC-Normal;
				font-weight: normal;
				text-align: LEFT;
				color: #000000;
				line-height: 50rpx;
			}
		}
	}
}

.order {
	margin-top: -80rpx;
	display: flex;
	align-items: center;

	.gang {
		margin-left: 42rpx;
		width: 6rpx;
		height: 52rpx;
		background: rgba(122, 136, 166, 0.87);
	}

	.title {


		margin-left: 12rpx;
		width: 160rpx;
		height: 56rpx;
		font-size: 40rpx;
		font-family: Arial Bold, Arial Bold-Bold;
		font-weight: normal;
		text-align: CENTER;
		color: rgba(122, 136, 166, 0.87);

	}
}


.order-box {
	width: 750rpx;
	height: 144rpx;
	display: flex;
	justify-content: space-evenly;
	margin-top: 30rpx;

	.item {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		image {
			width: 100rpx;
			height: 100rpx;
		}

		.title {

			height: 56rpx;
			font-size: 24rpx;
			font-family: Arial Bold, Arial Bold-Bold;
			font-weight: normal;
			text-align: CENTER;
			color: rgba(122, 136, 166, 0.76);
			line-height: 56rpx;
		}
	}

}


.server {
	padding-left: 42rpx;
	margin-top: 66rpx;

	.title {
		margin-bottom: 16rpx;
		display: flex;
		border-radius: 0rpx;
		font-size: 40rpx;
		font-family: Arial Bold, Arial Bold-Bold;
		font-weight: normal;
		text-align: LEFT;
		color: rgba(122, 136, 166, 0.76);

		.gang {
			margin-right: 10rpx;
			width: 6rpx;
			height: 56rpx;
			background: rgba(122, 136, 166, 0.76);
			border-radius: 0rpx;
		}
	}

	border-radius: 0rpx;
	font-size: 28rpx;
	font-family: Microsoft YaHei,
	Microsoft YaHei-Normal;


	color: rgba(122, 136, 166, 0.76);

	.button {
		margin-left: 0px;
	}

	.item-one {
		background-color: #fff;
		height: 80rpx;
		width: 668rpx;
		border-radius: 12rpx;
		padding-left: 16rpx;
		display: flex;
		align-items: center;

		.title {
			margin: 0;
			margin-left: 42rpx;
			display: inline-block;
		}
	}

	.item-two {
		background-color: #E2E2E2;
		height: 80rpx;
		width: 668rpx;
		border-radius: 12rpx;
		padding-left: 16rpx;
		display: flex;
		align-items: center;

		.title {
			margin: 0;
			display: inline-block;
			margin-left: 42rpx;
		}
	}
}

page {
	background: #f4f4f4;
}